import { StyleSheet } from 'react-native';
import { phonePx } from '../../../../util/adapt';
import { APP_BLACK } from '../../../../constant/color';

export default StyleSheet.create({
  button: {
    flexDirection: 'row',
    alignItems: 'center',
    width: phonePx(162),
    height: phonePx(40),
    marginBottom: phonePx(16),
    marginLeft: phonePx(14),
    backgroundColor: '#fff',
    zIndex: 10
  },
  buttonDesc: {
    fontSize: phonePx(14),
    color: APP_BLACK,
    fontWeight: '500'
  },
  pauseIcon: {
    width: phonePx(10),
    height: phonePx(13),
    marginLeft: phonePx(16),
    marginRight: phonePx(24)
  },
  startIcon: {
    width: phonePx(13),
    height: phonePx(16),
    marginLeft: phonePx(14.5),
    marginRight: phonePx(22.5)
  }
});
